import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
/* Layout */
import Layout from '@/layout'
import departmentRouter from './modules/department'
import approvalRouter from './modules/approval'
import attendanceRouter from './modules/attendance'
import employeeRouter from './modules/employee'
import permissionRouter from './modules/permission'
import roleRouter from './modules/role'
import salaryRouter from './modules/salary'
import socialRouter from './modules/social'
// 静态路由，所有用户都可以访问
export const constantRoutes = [
  {
    path: '/login',
    component: () => import('@/views/login/index'),
    hidden: true
  },

  {
    path: '/404',
    component: () => import('@/views/404'),
    hidden: true
  },
  // 首页
  {
    path: '/',
    component: Layout,
    redirect: '/dashboard',
    children: [{
      path: 'dashboard',
      name: 'Dashboard',
      component: () => import('@/views/dashboard/index'),
      meta: { title: '首页', icon: 'dashboard' }
    }]
  },
  // departmentRouter,//组织架构路由配置
  // roleRouter,//角色管理路由配置
  // employeeRouter,//员工管理路由配置
  // permissionRouter,//权限管理路由配置
  // attendanceRouter,//考勤管理路由配置
  // approvalRouter,//审批管理路由配置
  // salaryRouter,//薪资管理路由配置
  // socialRouter,//社保管理路由配置
  // 最后的是兜底页面，如果路由全部都无法匹配，那么展示/404路由页面组件
  //{ path: '*', redirect: '/404', hidden: true }//404必须放在动态路由的最后面
]
// 动态路由，根据用户权限动态生成
export const asyncRoutes = [
  departmentRouter,//组织架构路由配置
  roleRouter,//角色管理路由配置
  employeeRouter,//员工管理路由配置
  permissionRouter,//权限管理路由配置
  attendanceRouter,//考勤管理路由配置
  approvalRouter,//审批管理路由配置
  salaryRouter,//薪资管理路由配置
  socialRouter,//社保管理路由配置
]
const createRouter = () => new Router({
  // mode: 'history', // require service support
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes//默认引入的是我们的静态路由
})

const router = createRouter()

// 重置路由(退出登录的时候，调用一下这个方法)
export function resetRouter() {
  const newRouter = createRouter()
  router.matcher = newRouter.matcher // reset router
}

export default router
